<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
	</head>
	<body>
				         <h2 align="center">注册页面</h2>
		   <form>
			  <table align="center">
				  <tr>
					  <td>
						用户名：  
					  </td>
					  <td>
						<input name="user" type="text" id ="users" />
					  </td>
				  </tr>
				  <tr>
				  					  <td>
				  		密码：			  
				  					  </td>
				  					  <td>
				  			<input name="pwd"  type="password" id="password" maxlength="6"/>			  
				  					  </td>
				  </tr>
				  <tr>
				  					  <td>
				  				性别：	  
				  					  </td>
				  					  <td>
				  				   <input type="radio" name="gender" value="female">女
				  				   <input type="radio" name="gender" value="male">男
				  					  </td>
				  </tr>
				  <tr>
				  					  <td>
				  					学院：	  
				  					  </td>
				  					  <td>
				  					<select name="collage">
										<option value="软件工程学院">软件工程学院</option>
										<option value="信息与制作学院">信息与制作学院</option>
										<option value="教育与艺术学院">教育与艺术学院</option>
									</select>	  
				  					  </td>
				  </tr>
				  <tr>
				  					  <td>
				  						爱好：  
				  					  </td>
				  					  <td>
				  						  <input type="checkbox"  name="hobby" value="乒乓球"/>乒乓球
										  <input type="checkbox"  name="hobby" value="羽毛球"/>羽毛球
										  <input type="checkbox"  name="hobby" value="排球"/>排球
										  <input type="checkbox"  name="hobby" value="篮球"/>篮球
				  					  </td>
				  </tr>
				  <tr>
				  					  <td>
				  						自我介绍:
				  					  </td>
				  					  <td>
										  <textarea rows="8" cols="20" name="introduce">
										  
										  </textarea>
				  					  </td>
				  </tr>
				  <tr>
				  					  <td>
				  						  
				  					  </td>
				  					  <td>
				  						  <button name="submit" type="submit">提交</button>
				  					  </td>
				  </tr>
				 
			  </table>
			  </form>
	</body>
	<script type="text/javascript">
		//name
		var name_form = document.getElementsByName('users')
		console.log(name_form);
		//tag
		var tag_form=document.getElementsByTagName('option')
		console.log(tag_form);
	</script>
</html>
